import wxValidate from 'wechat-validate'
Page({
  behaviors: [wxValidate],
  // 配置校验规则
  rules: {
    // 手机号校验规则
    mobile: [
      { required: true, message: '请填写手机号码！' },
      { pattern: /^1[3-9]\d{9}$/, message: '请填写正确的手机号码！' }
    ],
    // 验证码校验规则
    code: [
      { required: true, message: '请填写验证码！' },
      { pattern: /^\d{6}$/, message: '请填写正确的手机号码！' }
    ]
  },
  data: {
    countDownVisible: false, // 显示文本
    mobile: '13800000001', // 手机号
    code: '请输入验证码' // 验证码
  },

  countDownChange(ev) {
    this.setData({
      timeData: ev.detail,
      countDownVisible: ev.detail.minutes === 1 || ev.detail.seconds > 0,
    })
  },
  // 获取验证码按钮
  async getSMSCode() {
    // 验证mobeile
    const { valid, message } = this.validate('mobile')
    // 验证失败，错误提示
    if (!valid) return wx.utils.toast(message)
    // 调用获取验证码接口
    const res = await wx.http.get('/code', { mobile: this.data.mobile })
    console.log(res.data.data);
    // 修改countDownVisible状态
    this.setData({
      code: res.data.data.code,
      countDownVisible: true
    })
  },
  // 登录按钮
  async login() {
    // 表单校验
    const valid = this.validate()
    if (valid) {
      // 校验成功，调用登录接口
      const res = await wx.http.post('/login', { mobile: this.data.mobile, code: this.data.code })
      // 获取实例
      const app = getApp()
      // 调用实例上的setToken方法
      app.setToken(res.data.data.token)
      // 跳转到 "我的" 页面
      wx.switchTab({
        url: '/pages/my/index',
      })
      console.log(this.options);
    }
  }
})
